﻿@{
    ViewBag.Title = "Danh sách thông báo";
}


<br /><br />
<br /><br />
<div id="confirm-dialog" title="Xóa">
        <p>Bạn có chắc chắn muốn hủy tác vụ?</p>
    </div>

    <p class="ui-widget">Danh sách các tác vụ đang được xử lý</p>
    <table id="datatable" cellpadding="0" cellspacing="0" border="0" class="display">
        <thead>
            <tr>
                <th>Ngày</th>
                <th>Nội dung</th>
            </tr>
        </thead>
        <tbody>
            <tr>
		        <td colspan="5" class="dataTables_empty">Loading data from server</td>
	        </tr>
        </tbody>
    </table>  

    <script type="text/javascript">
        $("#datatable").dataTable({
            "bAutoWidth": false,
            "aoColumns": [
                { sWidth: '200px', "asSorting": ["desc"] }, {}
                ],
            "bDestroy": true,
            "iDisplayLength": 20,
            "bJQueryUI": true,
            "sPaginationType": "full_numbers",
            "oLanguage": {
                "sSearch": "Tìm:",
                "sZeroRecords": "Không tìm thấy kết quả.",
                "sLengthMenu": "Hiển thị _MENU_ kết quả",
                "sInfo": "Hiển thị từ _START_ đến _END_ trong số _TOTAL_ kết quả",
                "sInfoEmpty": "Không có dữ liệu để hiển thị"
            },
            "aLengthMenu": [20, 40],
            "bProcessing": true,
            "bServerSide": true,
            "sAjaxSource": "@ViewBag.datasource",

            "fnServerData": function (sSource, aoData, fnCallback) {
                $.ajax({
                    "dataType": 'json',
                    "type": "POST",
                    "url": sSource,
                    "data": aoData,
                    "success": fnCallback
                });
            }

        });

    </script>
